<!DOCTYPE html>
<html lang="zh-CN" style="height: 100%">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>BOKI登录</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/Login.css" rel="stylesheet">

</head>
<body style="height: 100%">
    <div style="background-image: url(https://images.unsplash.com/photo-1532012197267-da84d127e765?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2734&q=80);background-size: cover;height: 100%;width: 45%;float: left;">
        <div style="text-align: center;margin-top: 30%">
            <h1 class="left-text" style="font-size:400%"><b>一起BOKI。</b></h1>
            <br />
            <br />
            <p class="left-text">超过100,000本图书的自由借阅。</p>
            <p class="left-text">任何地点，任何时间。</p>
        </div>
    </div>
    <div class="container" style="height: 100%;width: 55%;float: left;">
        <div class="Register" style="margin-top: 20%">
            <h1> 畅享阅读。</h1>
            <p class="lead">登录账户，一起BOKI。</p>
            <p style="font-size: small">没有账户？立即<a href="/register">注册</a></p>
            <div style="text-align: center">
                <form action="/logininfo" method="post">
                    <br />
                    <input type="text" class="form-control" name="phone" placeholder="请输入手机号">
                    <br />
                    <br />
                    <input type="password" class="form-control" name="password" placeholder="请输入密码">
                    <br />
                    <br />
                    <button type="submit" class="btn btn-default" style="width: 20%"><b>开始BOKI</b></button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>